<!-- MAIN CONTENT -->

<div id="content">
   
    <div smart-include="app/yksensor/views/sub-header.tpl.html"></div>
        <div class="clearfix margin-bottom-10">
            <div class="pull-left margin-left-25">
                <strong class="font-md">登录账号：</strong>
                <input type="text" style="vertical-align: middle" ng-model="paginationConf.info_name">
            </div>
            <div class="pull-left margin-left-25">

                <strong class="font-md">时间范围：</strong>
                <label class="input">
                    <input type="text" name="startdate" id="startdate" placeholder="开始日期：">
                    <i class="icon-append fa fa-calendar"></i>
                </label>
                -
                <label class="input">
                    <input type="text" name="finishdate" id="finishdate" placeholder="结束日期：">
                    <i class="icon-append fa fa-calendar"></i>
                </label>
                
                <a class="btn btn-primary" href-void="" ng-click="sends()">查询</a>

            </div>
        </div>
        <div id="exportable" class="table-responsive">
            <table class="table table-bordered table-hover no-margin font-sml table-striped sensor_table">
                <thead>
                    <tr>
                        <th class="text-align-center">id</th>
                        <th class="text-align-center">动作</th>
                        <th class="text-align-center">登录账号</th>
                        <th class="text-align-center">IP</th>
                        <th class="text-align-center">结果</th>
                        <th class="text-align-center">时间</th>

                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="data in datas">
                        <td class="text-align-center">{{data.id}}</td>
                        <td class="text-align-center">{{data.info_func}}</td>
                        <td class="text-align-center">{{data.info_name}}</td>
                        <td class="text-align-center">{{data.ip}}</td>
                        <td class="text-align-center">{{data.name}}</td>
                        <td class="text-align-center">{{data.time | date:'yyyy-MM-dd HH:mm:ss'}}</td>

                    </tr>

                </tbody>
            </table>
        </div>
        <!-- end widget content -->
        <div class="dt-toolbar-footer">
            <tm-pagination conf="paginationConf"></tm-pagination>
        </div>
        <div class="clearfix" style="background:#fafafa">
            <button class="btn btn-primary glyphicon glyphicon-export pull-right" ng-click="exportData()"> 导出</button>
        </div>
</div>
<!-- END MAIN CONTENT -->
<script>

    // START AND FINISH DATE
    $('#startdate').datepicker({
        //dateFormat : 'dd.mm.yy',
        dateFormat: 'yy.mm.dd',
        prevText: '<i class="fa fa-chevron-left"></i>',
        nextText: '<i class="fa fa-chevron-right"></i>',
        monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],  
        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  
        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  
        dayNamesMin: ['日','一','二','三','四','五','六'],
        onSelect: function (selectedDate) {
            $('#finishdate').datepicker('option', 'minDate', selectedDate);
        }
    });

    $('#finishdate').datepicker({
        dateFormat: 'yy.mm.dd',
        prevText: '<i class="fa fa-chevron-left"></i>',
        nextText: '<i class="fa fa-chevron-right"></i>',
        monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],  
        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  
        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  
        dayNamesMin: ['日','一','二','三','四','五','六'],
        onSelect: function (selectedDate) {
            $('#startdate').datepicker('option', 'maxDate', selectedDate);
        }
    });


</script>